<template>
  <div class="page_container">
    <ItemMenu :menuList="menuList" defaultActive="1-5" />
  </div>
</template>

<script>
import PageIndex01 from "./Page/Page01/index";
import PageIndex02 from "./Page/Page02/index";
import PageIndex03 from "./Page/Page03/index";
import PageIndex04 from "./Page/Page04/index";
import PageIndex05 from "./Page/Page05/index";

export default {
  name: "testPage",

  data() {
    return {
      menuList: [
        {
          title: "vtable",
          id: "1",
          children: [
            { title: "基本使用", id: "1-1", component: PageIndex01 },
            { title: "基本表格", id: "1-2", component: PageIndex02 },
            { title: "基本树状表格", id: "1-3", component: PageIndex03 },
            { title: "基本透视表格", id: "1-4", component: PageIndex04 },
            { title: "基本透视表格行列互换", id: "1-5", component: PageIndex05 },
          ],
        },

      ],
    };
  },

  methods: {},
};
</script>

<style scoped>
.page_container {
  width: 100%;
  height: 100%;
}
</style>
